
<!-- Home -->
<div  data-role="page" id="currentorder" data-theme="e">
    <div data-theme="e" data-role="header" data-position="fixed" data-id="main-tabbar" id="infocenter-header">
    	<a href="customer-main.html" data-icon="back" data-theme="e" data-transition="slidedown">Back</a>
        <h3>Info Center</h3>
        <a href="personal-info.html" data-icon="gear" class="ui-btn-right" data-theme="e" data-transition="slidedown">Me</a>
        
    </div>
  
    <div data-role="content" id="currentOrderPort">
    	<p id="infocenter-text"></p>
       	<hr />
	</div> 
 	
	<div data-theme="e" data-role="footer" data-position="fixed">
        <div data-role="navbar" data-iconpos="top" id="infocenter-navbar">
            <ul>
                <li><a href="info-center.html" id="infocenter-order-bar" data-transition="fade" data-theme="e" 
                    data-icon="info" class="ui-btn-active ui-state-persist">Order</a></li>
                <li><a href="historical-orders.html" id="infocenter-history-bar" data-transition="fade" data-theme="e" 
                    data-icon="check">History</a></li>
            </ul>
        </div>
    </div>
    <script src="../js/drawCurOrders.js"></script>
</div>
    

